import router from './router'
import store from './store'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ['/register'] // no redirect whitelist
let hasAuthority = true
router.beforeEach(async (to, from, next) => {
  NProgress.start()
  document.title = getPageTitle(to.meta.title)
  const hasToken = getToken()[0]
  //判断是否在页面白名单中，如果在的话，直接进入页面，不校验token和路由
  if (whiteList.indexOf(to.path) !== -1) {
    next()
  } else {
    if (hasToken) {
      const hasRoles = store.getters.userInfo.roles && store.getters.userInfo.roles.length > 0
      if (hasRoles) {
        //有token 且已经加载路由的情况下，直接进入页面
        next()
      } else {
        //未加载路由的情况下
        if (to.path === '/login' && !hasAuthority) {
          //如果是去登陆页，并且已经获取用户信息失败过一次，则直接跳转到登陆页(这里的目的是为了防止重复请求接口)
          next()
        } else {
          try {
            //否则尝试获取用户信息
            await store.dispatch('user/getInfo')
            const accessRoutes = await store.dispatch('permission/generateRoutes')
            router.addRoutes(accessRoutes)
            hasAuthority = true
            if (to.path === '/login') {
              //获取用户信息成功之后，如果将要去的页面是登陆页，则重定向至redirect的参数页面或者首页
              next({ path: to.query.redirect || '/', replace: true })
            } else {
              //如果不是登陆页，则直接跳转
              next({ ...to, replace: true })
            }
          } catch (error) {
            hasAuthority = false
            if (to.path === '/login') {
              //获取用户信息失败，如果去的页面是登陆页则直接跳转
              next()
            } else {
              //否则带上redirect参数，跳转到登陆页
              next(`/login?redirect=${to.path}`)
              NProgress.done()
            }
          }
        }
      }
    } else {
      //如果没token的话
      if (to.path === '/login') {
        //如果去的页面是登陆页则直接跳转
        next()
      } else {
        //否则带上redirect参数，跳转到登陆页
        next(`/login?redirect=${to.path}`)
        NProgress.done()
      }
    }
  }
})

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})
